fetch('../../api/complaints.json')
.then(function(res){
    return res.json()
})
.then(function(data){
    var myul=document.querySelector('.left_second .left_second_item')
    myul.innerHTML=div(data)
})
function div(arr){
    return arr.map(function(li,index){
        return`
            <ul>
                <li><a href="#">${li.p1}</a></li>
                <li><a href="#">${li.p2}</a></li>
                <li><a href="map.html">${li.p3}</a></li>
                <li><a href="#">${li.p4}</a></li>
                <li><a href="#">${li.p5}</a></li>
                <li><a href="#">${li.p6}</a></li>
                <li><a href="#">${li.p7}</a></li>
                <li><a href="#">${li.p8}</a></li>
                <li><a href="#">${li.p9}</a></li>
                <li><a href="#">${li.p10}</a></li>
            </ul>
        `
    })
}

function a1(){
    fetch('../../api/complaints1.json')
    .then(res=>res.json())
    .then(data1=>{
        var myul1=document.querySelector('.right_mid_item')
        myul1.innerHTML=div(data1)
    })
    function div(arr){
        return arr.map(function(li,index){
            return`
            <ul type="square">
            <li><a href="#">${li.li1}</a></li>
            <li><a href="#">${li.li2}</a></li>
            <li><a href="#">${li.li3}</a></li>
            <li><a href="#">${li.li4}</a></li>
            <li><a href="#">${li.li5}</a></li>
        </ul>
            `
        })
    }
}
a1()


